a.Accueil{
    color: rgb(0, 0, 0);
}

img{
    height: 130px;
    border-radius: 15px;
    box-shadow: 0 0 8px 8px rgba(255, 196, 0, 0.527) inset;
}
li{
    color: rgb(0, 0, 0);
}
a.info1{
    color: rgb(0, 0, 0);
}

p, h1{
    color: rgb(0, 0, 0);
  }

h2,h3,h4{
    color: rgb(0, 0, 0);
}


div#headbox {
    border-radius: 15px;
    background-color:  rgba(255, 196, 0, 0.521);
    width: 100%;
   height: 100%;
}

div#headbox div{
    display: inline-block;
    vertical-align: top;

}

.img1 {
    margin-left: 45px;
    width: 16%;
}
.img1 img{
    height: 170px;
    width: 180px;
}
.img2{
    
    margin-left: 16%;

}

.img2 img{

    height: 120px;
    width: 600px;
}
.Qtimer1 {
    width: 100%;
    height: auto;
    text-align: right;
}
.Qtimer1 img{
    vertical-align: top;
    height: 30px;
    width: 40px;
}
  


.titrenav{
    
    height: auto;
    width: 80%;
}
.titrenav div{
    display: inline-block;
}
.titre{
    width: 100%;
    margin-left: 17%;
}

.titre div{
    display: inline-block;
}

.nav{
    height: auto;
    width: auto;
    margin-left: 50%;
    margin-bottom: 0.1%;
   
}
.verticalnav{
    border-right: 2px solid #000000b7;
    display: inline-block;
    height: 16px;
    margin: 0 15px;
}

.nav li.btna{
    display: inline-block;
    list-style-type: none ;
}
.nav li.btnaf{
    margin: 0%;
    display: inline-block;
    list-style-type: none ;
}

.btna a, g{

    font-family: Baskerville Old Face;
    color: #000000;
    font-size: 18px;
}
.btnaf a, g{

    font-family: Baskerville Old Face;
    color: #000000;
    font-size: 18px;
}

.head1 h1{
    margin-left: 120px;
    
}

body{
    overflow-x: hidden;
    overflow-y: auto;
    background-color: white

}

li{
    color: rgb(0, 0, 0);
}
a.info1{
    color: rgb(0, 0, 0);
}

p, h1{
    color: rgb(0, 0, 0);
  }

h2,h3,h4{
    color: rgb(0, 0, 0);
}



footer {
    width: 100%;
}

div#footbox div.foot{
    border-radius: 10px;
    color: rgb(255, 255, 255);
    background-color: rgba(255, 196, 0, 0.521);
    width: 100%;
    height: 40px;
    text-align:right;
    font-family: Times New Roman;
}







/* Page Questionnaire Debut questionnaire   */

/* Page Q3questionnaire               */

.head7{
    color: rgb(0, 0, 0);
    width: 80%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: Baskerville Old Face;

}

div#Q3infobox1 {
    margin-top: 2%;
    width: 100%;
    background-color: rgb(255, 255, 255);
   border-radius: 15px;
   font-family: Arial;
}

div#Q3infobox1 div {

    display: inline-block;
    font-family: Arial;
}



.Q3info2{
    margin-top: 2%;
    width: 100%;
    height: auto;
    font-family: Arial;
    font-size: 15px;
  
}
.Q3info2 div{
    display: inline-block;
}


.Q3info21 {

    height: 75px;
    width: 46%;
    margin-left: 54%;
    background-color:rgba(255, 196, 0, 0.521);  
    border-radius: 15px;
}
.Q3info21 li{
    width: 19%;
    display: inline-block;
    list-style-type: none ;
    margin-right: -10px;
    vertical-align:middle;
    
}



.Q3info22 {
    width: 100%;
    height: 70px;
    vertical-align: top;
}

.Q3info22 h3{
    margin-left: 100px;
}

.Q3info22 div{
    display: inline-block; 
    vertical-align: top;
}
.Q3info221 {
    width: 52%;
    margin-right: 90px;
}
.Q3info222 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info223 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q3info224 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info225 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info226 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}


.Q3info23 {
    width: 100%;
    height: 70px;
    vertical-align: top;
    background-color:rgba(255, 196, 0, 0.521);
    border-radius: 15px;
}
.Q3info23 h3{
    margin-left: 100px;
}
.Q3info23 div{
    display: inline-block; 
    vertical-align: top;
}

.Q3info231 {
    width: 52%;
    margin-right: 90px;
}
.Q3info232 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info233 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q3info234 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info235 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info236 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}

.Q3info24 {
    width: 100%;
    height: 70px;
    vertical-align: top;
    
}
.Q3info24 h3{
    margin-left: 100px;
}
.Q3info24 div{
    display: inline-block; 
    vertical-align: top;
}

.Q3info241 {
    width: 52%;
    margin-right: 90px;
}
.Q3info242 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info243 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q3info244 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info245 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info246 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}


.Q3info25 {
    width: 100%;
    height: 70px;
    vertical-align: top;
    background-color:rgba(255, 196, 0, 0.521);
    border-radius: 15px;
}
.Q3info25 h3{
    margin-left: 100px;
}
.Q3info25 div{
    display: inline-block; 
    vertical-align: top;
}

.Q3info251 {
    width: 52%;
    margin-right: 90px;
}
.Q3info252 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info253 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q3info254 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info255 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info256 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}


.Q3info26 {
    width: 100%;
    height: 70px;
    vertical-align: top;
}
.Q3info26 h3{
    margin-left: 100px;
}
.Q3info26 div{
    display: inline-block; 
    vertical-align: top;
}

.Q3info261 {
    width: 52%;
    margin-right: 90px;
}
.Q3info262 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info263 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q3info264 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info265 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info266 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}


.Q3info27 {
    width: 100%;
    height: 70px;
    vertical-align: top;
    background-color:rgba(255, 196, 0, 0.521);  
    border-radius: 15px;
}
.Q3info27 h3{
    margin-left: 100px;
}
.Q3info27 div{
    display: inline-block; 
    vertical-align: top;
}

.Q3info271 {
    width: 52%;
    margin-right: 90px;
}
.Q3info272 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info273 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q3info274 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info275 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info276 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}



.Q3info28 {     
    width: 100%;
    height: 70px;
    vertical-align: top;
    margin-bottom: 1%;
}
.Q3info28 h3{
    margin-left: 100px;
}
.Q3info28 div{
    display: inline-block; 
    vertical-align: top;
}

.Q3info281 {
    width: 52%;
    margin-right: 90px;
}
.Q3info282 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info283 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q3info284 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info285 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q3info286 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}
.Q3info29 {
    width: 100%;
    text-align: center;
}
.Q3info29 input{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:18px;
    font-weight: 600;
    border-style:double
}




.Q3info3{
    margin-top: 3%;
    width: 100%;
}

.Q3info3 div{

    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
.Q3info31{
    width: 100%;
    margin-top: 0%;
    margin-bottom: 0%;
}
.Q3info31 p{
    margin-left: 850px;
}
.Q3info32{
    width: 47%;
    text-align: justify;
    font-size: 18px;
    font-family: Arial;
    margin-left: 2%;
}
.Q3info33{
    width: 50%;
    text-align: justify;
    font-size: 18px;
    font-family: Arial;
}
.Q3info33 h4{
    margin-left: 550px;

}








/* Page Q22questionnaire               */


.head11{
    color: rgb(0, 0, 0);
    width: 80%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: Baskerville Old Face;

}

div#Q22infobox1 {
    margin-top: 2%;
    width: 100%;
    background-color: rgb(255, 255, 255);
   border-radius: 15px;
   font-family: Arial;
}

div#Q22infobox1 div {

    display: inline-block;
    font-family: Arial;
}


.Q22info1{
    margin-top: 2%;
    width: 100%;
    height: auto;
    font-family: Arial;
    font-size: 15px;
  
}
.Q22info1 div{
    display: inline-block;
}


.Q22info11 {
    height: 75px;
    width: 46%;
    margin-left: 54%;
    background-color:rgba(255, 196, 0, 0.521);  
    border-radius: 15px;
}
.Q22info11 li{
    width: 19%;
    display: inline-block;
    list-style-type: none ;
    margin-right: -10px;
    vertical-align:middle;
    
}



.Q22info12 {
    width: 100%;
    height: 70px;
    vertical-align: top;
}

.Q22info12 h3{
    margin-left: 100px;
}

.Q22info12 div{
    display: inline-block; 
    vertical-align: top;
}
.Q22info121 {
    width: 52%;
    margin-right: 90px;
}
.Q22info122 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info123 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q22info124 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info125 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info126 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}


.Q22info13 {
    width: 100%;
    height: 70px;
    vertical-align: top;
    background-color:rgba(255, 196, 0, 0.521);
    border-radius: 15px;
}
.Q22info13 h3{
    margin-left: 100px;
}
.Q22info13 div{
    display: inline-block; 
    vertical-align: top;
}

.Q22info131 {
    width: 52%;
    margin-right: 90px;
}
.Q22info132 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info133 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q22info134 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info135 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info136 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}


.Q22info14 {
    width: 100%;
    height: 70px;
    vertical-align: top;
    
}
.Q22info14 h3{
    margin-left: 100px;
}
.Q22info14 div{
    display: inline-block; 
    vertical-align: top;
}

.Q22info141 {
    width: 52%;
    margin-right: 90px;
}
.Q22info142 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info143 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q22info144 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info145 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info146 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}


.Q22info15 {
    width: 100%;
    height: 70px;
    vertical-align: top;
    background-color:rgba(255, 196, 0, 0.521);
    border-radius: 15px;
}
.Q22info15 h3{
    margin-left: 100px;
}
.Q22info15 div{
    display: inline-block; 
    vertical-align: top;
}

.Q22info151 {
    width: 52%;
    margin-right: 90px;
}
.Q22info152 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info153 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q22info154 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info155 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info156 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}


.Q22info16 {
    width: 100%;
    height: 70px;
    vertical-align: top;
}
.Q22info16 h3{
    margin-left: 100px;
}
.Q22info16 div{
    display: inline-block; 
    vertical-align: top;
}

.Q22info161 {
    width: 52%;
    margin-right: 90px;
}
.Q22info162 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info163 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q22info164 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info165 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info166 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}


.Q22info17 {
    width: 100%;
    height: 70px;
    vertical-align: top;
    background-color:rgba(255, 196, 0, 0.521);  
    border-radius: 15px;
}
.Q22info17 h3{
    margin-left: 100px;
}
.Q22info17 div{
    display: inline-block; 
    vertical-align: top;
}

.Q22info171 {
    width: 52%;
    margin-right: 90px;
}
.Q22info172 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info173 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q22info174 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info175 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info176 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}



.Q22info18 {     
    width: 100%;
    height: 70px;
    vertical-align: top;
    margin-bottom: 1%;
}
.Q22info18 h3{
    margin-left: 100px;
}
.Q22info18 div{
    display: inline-block; 
    vertical-align: top;
}

.Q22info181 {
    width: 52%;
    margin-right: 90px;
}
.Q22info182 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info183 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q22info184 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info185 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info186 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}



.Q22info19 {     
    background-color:rgba(255, 196, 0, 0.521);
    width: 100%;
    height: 70px;
    vertical-align: top;
    margin-bottom: 1%;
}
.Q22info19 h3{
    margin-left: 100px;
}
.Q22info19 div{
    display: inline-block; 
    vertical-align: top;
}

.Q22info191 {
    width: 52%;
    margin-right: 90px;
}
.Q22info192 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info193 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q22info194 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info195 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info196 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}


.Q22info110 {     
    width: 100%;
    height: 70px;
    vertical-align: top;
    margin-bottom: 1%;
}
.Q22info110 h3{
    margin-left: 100px;
}
.Q22info110 div{
    display: inline-block; 
    vertical-align: top;
}

.Q22info1101 {
    width: 52%;
    margin-right: 90px;
}
.Q22info1102 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info1103 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q22info1104 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info1105 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info1106 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}


.Q22info111 {     
    background-color:rgba(255, 196, 0, 0.521);
    width: 100%;
    height: 70px;
    vertical-align: top;
    margin-bottom: 1%;
}
.Q22info111 h3{
    margin-left: 100px;
}
.Q22info111 div{
    display: inline-block; 
    vertical-align: top;
}

.Q22info1111 {
    width: 52%;
    margin-right: 90px;
}
.Q22info1112 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info1113 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q22info1114 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info1115 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info1116 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}


.Q22info112 {     
    width: 100%;
    height: 70px;
    vertical-align: top;
    margin-bottom: 1%;
}
.Q22info112 h3{
    margin-left: 100px;
}
.Q22info112 div{
    display: inline-block; 
    vertical-align: top;
}

.Q22info1121 {
    width: 52%;
    margin-right: 90px;
}
.Q22info1122 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info1123 {
    width: 1%;
    margin-right: 107px;
    margin-top: 2%;
}
.Q22info1124 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info1125 {
    width: 1%;
    margin-right: 105px;
    margin-top: 2%;
}
.Q22info1126 {
    width: 1%;
    margin-right: 110px;
    margin-top: 2%;
}


.Q22info113{
    width: 100%;
    text-align: center;
}
.Q22info113 input{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:18px;
    font-weight: 600;
    border-style:double
}

.Q22info2{
    margin-top: 3%;
    width: 100%;
}

.Q22info2 div{

    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
.Q22info21{
    width: 100%;
    margin-top: 0%;
    margin-bottom: 0%;
}
.Q22info21 p{
    margin-left: 850px;
}
.Q22info22{
    width: 47%;
    text-align: justify;
    font-size: 18px;
    font-family: Arial;
    margin-left: 2%;
}
.Q22info23{
    width: 50%;
    text-align: justify;
    font-size: 18px;
    font-family: Arial;
}
.Q22info23 h4{
    margin-left: 550px;

}
















/* Page Q2questionnaire                     */

div#Q2infobox1 {
    margin-top: 4%;
    width: 100%;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 15px ;
    border-top-right-radius: 15px ;
}

div#Q2infobox1 div {
    
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
div#Q2infobox1 div.Q2info1{
 
    width: 90%;
    height: 48px;
    text-align: justify;
    margin-top: 4px;
    margin-left: 100px;
    font-family: Arial;

    font-size: 18px;
}
div#Q2infobox2 {
    margin-top: 5%;
    width: 100%;
    
}

div#Q2infobox2 div{
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);
    display: inline-block;
    width: 47.5%;
    vertical-align:middle;
    margin: 10px;
    border-radius: 50px;
    
}


div#Q2infobox2 div.rightbox{
    background-color:rgba(255, 196, 0, 0.521);
    height: 150px;

}

div#Q2infobox2 div.rightbox h2{
    text-align: center;
    font-size: 25px;
    border: 0px;
    padding: 0px;
    margin: 65px;
    color: rgb(0, 0, 0);   
    
}


div#Q2infobox2 div.leftbox h2{
    text-align: center;
    font-size: 25px;
    border: 0px;
    padding: 0px;
    margin: 65px;
    color: rgb(0, 0, 0);
  
}
div#Q2infobox2 div.leftbox{
    background-color:rgba(255, 196, 0, 0.521);
    height: 150px;
}



div#Q2infobox3{

    margin-top: 5%;
    width: 100%;

}

div#Q2infobox3 div {

    display: inline-block;
    font-family: Arial;
    font-size: 18px;
}
.Q2info3{
    margin-left: 20px;
    width: 47%;

    text-align: justify;
}

.Q2info4{
    width: 50%;
    text-align: justify;
    font-size: 18px;
    font-family: Arial;
}


.Q2info4 h4{
    margin-left: 550px;

}